/*
 *  name: register(注册样式)
 *  author:肖君文
 *  date: 2017/8/26
 */
/* ---------------------------------activation begin--------------------------------- */
.login-header {
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 999;
  background: #ffffff;
  box-shadow: 0px 0px 10px #999999;
  .logo {
	padding: 17px 20px;
	height: 67px;
	font-size: 24px;
	line-height: 57px;
	color: #333;
  }
}
.login-form {
  width: 100%;
  height: auto;
  background-color: #F2F2F2;
  position: relative;
  overflow: hidden;
  margin-top: 101px;
  .activation{
	position: relative;
	width: 1140px;
	height: auto;
	overflow: hidden;
	padding: 30px;
	background-color: #fff;
	opacity: 0.9;
	margin: 30px auto;
	.m-tit{
	  width: 100%;
	  height: 36px;
	  overflow: hidden;
	  border-bottom: 1px solid #c2c2c2;
	  .m-l-tit{
		line-height: 36px;
		font-size: 16px;
		color: #d12712;
		text-indent: 2em;
		display: block;
		float: left;
	  }
	  .m-l-a{
		line-height: 36px;
		font-size: 14px;
		color: #d12712;
		text-indent: 2em;
		display: block;
		float: right;
	  }
	}
	.m-con{
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  .m-formNav{
		width: 1080px;
		height: 139px;
		margin: 30px auto;
		border-bottom: 1px dashed #d9d9d9;
		.m-f-n-tit{
		  width: 100%;
		  height: 20px;
		  overflow: hidden;
		  margin: 20px 0;
		  line-height: 20px;
		  font-size: 12px;
		  text-align: center;
		}
		.m-f-n-con{
		  position: relative;
		  width: 100%;
		  height: 80px;
		  overflow: hidden;
		  .porBar1{
			position: absolute;
			top: 16px;
			left: 0;
			width: 100%;
			height: 5px;
			overflow: hidden;
			background-color: #dcdcdc;
			border-radius: 5px;
		  }
		  .porBar2{
			position: absolute;
			top: 16px;
			left: 0;
			width: 0;
			height: 5px;
			overflow: hidden;
			background-color: #d12712;
			border-radius: 5px 0 0 5px;
			transition: width 1s;
			-webkit-transition: width 1s;
		  }
		  .ball{
			position: absolute;
			width: 34px;
			height: 34px;
			color: #fff;
			text-align: center;
			font-size: 12px;
			line-height: 34px;
			border-radius: 100%;
			background-color: #dcdcdc;
			transition: background-color 1s;
			-webkit-transition: background-color 1s;
			span{
			  position: relative;
			  left: -20px;
			  top: 11px;
			  width: 80px;
			  height: 12px;
			  display: block;
			  font-size: 12px;
			  line-height: 12px;
			  text-align: center;
			  color: #999;
			}
		  }
		}
	  }
	  .m-formList{
		width: 630px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	  }
	}
  }
} 
/* ---------------------------------activation end--------------------------------- */
